// 每个页面容器样式
.container_wrap {
  .page_container {
    box-shadow: none;
  }
}
.page_container {
  height: 100%;
  padding: 0 30px;
  box-shadow: 0 0 10px 0 #cacaca;
  border-radius: 6px;
  @extend .scrollbar_default;
  @extend .display_flex;
  @extend .flex_direction_column;
  > * {
    @extend .flex_shrink_0;
  }
  .page_top {
    height: 0;
    min-height: 50px;
    padding: 5px 30px;
    margin: 0 -30px;
    border-bottom: 1px solid #EBEEF5;
    @extend .display_flex;
    @extend .flex_wrap_wrap;
    @extend .align_items_center;
    @extend .justify_content_space_between;
    .page_top_left, .page_top_left * {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 1px;
    }
    .page_top_right {
      max-width: calc(100% + 10px); // 兼容IE10、11
      margin: 0 -5px;
      > * {
        margin: 5px 5px;
      }
      .el-button {
        min-width: 80px;
      }
    }
  }
}
.search_part {
  @extend .display_flex;
  @extend .justify_content_space_between;
  overflow: auto;
  margin: 8px 0;
  & + .search_part {
    margin-top: -8px;
  }
  .left {
    @extend .flex_shrink_1;
    .item {
      display: inline-block;
      white-space: nowrap;
      margin: 5px 15px 5px 0;
      button {
        margin-left: 15px;
      }
    }
    .el-input {
      width: 200px;
    }
  }
  .right {
    @extend .flex_shrink_0;
    @extend .display_flex;
    @extend .align_items_flex_end;
    padding-bottom: 3px;
    > * {
      margin: 5px 0;
      & + .el-button {
        margin-left: 12px;
      }
    }
  }
}

// 模态框按钮组样式
.dialog_btns {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  .el-button {
    min-width: 70px;
  }
  .el-button + .el-button {
    margin-left: 30px;
  }
}

.required:before { // 必填项
  content: '*';
  color: #F56C6C;
  margin-right: 4px;
}

.subhead { // 表单标题
  font-weight: 600;
  font-size: 17px;
  margin: 20px 0 12px;
  width: 100%;
  position: relative;
}

.form_btns { // 表单按钮样式
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  .el-button {
    width: 80px;
    & + .el-button {
      margin-left: 25px;
    }
  }
}

// 表单样式
.myForm {
  // 副标题
  .subhead {
    font-weight: 600;
    font-size: 17px;
    margin: 20px 0 5px;
    width: 100%;
    position: relative;
  }
  .myForm-item {
    width: 50%;
    padding: 0 50px;
  }
  .list {
    margin: 15px 0;
    .name {
      width: 100px;
      flex-shrink: 0;
      color: #333333;
      letter-spacing: 1px;
      font-weight: 600;
      min-height: 36px;
      line-height: 21px;
      padding: 7px 0;
      padding-right: 5px;
      text-align: right;
    }
  }
}
